<template>
  <div class="page">
    <b-checkbox-group v-model="value5" border disabled>
      <b-checkbox label="篮球">
        <div class="iconfont icon-icon10">篮球</div>
      </b-checkbox>
      <b-checkbox label="足球">
        <div class="iconfont icon-swticonzuqiu">足球</div>
      </b-checkbox>
      <b-checkbox label="乒乓球">
        <div class="iconfont icon-pingpangqiu">乒乓球</div>
      </b-checkbox>
    </b-checkbox-group>
  </div>
</template>
<script>
export default {
  name: "CheckboxPage",
  data(){
      return{
        value5: ["篮球", "足球"],
      }
  }
};
</script>
<style scoped>
</style>